<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>甜品商店后台管理系统</title>

		<link rel="stylesheet" href="/myplugs/css/my_lay_ui.css">
		<link rel="stylesheet" href="/myplugs/css/mycss.css">
		<link rel="stylesheet" href="/myplugs/css/portal.css">
		<script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
	</head>

	<body class="layui-layout-body" style="overflow-y: hidden">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div>
				<img class="logo-icon me-2" src="/images/logo_2.png" alt="logo" style="height: 60px">
				</div>
				<div class="layui-logo app-page-title" >
					甜品商店后台管理系统</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-right">
					<li th:if="${session.admin} == null" class="layui-nav-item">
						<a href="/signOn"><strong>登录</strong></a>
					</li>
					<li th:if="${session.admin} != null" class="layui-nav-item">
						<a href="javascript:;">
							<img src="/images/1.gif" class="layui-nav-img"> <strong>管理员</strong>
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">基本资料</a>
							</dd>
							<dd>
								<a href="">安全设置</a>
							</dd>
						</dl>
					</li>
					<li th:if="${session.admin} != null" class="layui-nav-item">
						<a href="/signOut"><strong>退出</strong></a>
					</li>
				</ul>
			</div>

			<div class="layui-side layui-bg-cyan isHidden tab_1">
				<div class="layui-side-scroll tab_2">
					<ul class="layui-nav layui-nav-tree app-page-title tab_3">
						<li class="layui-nav-item layui-nav-itemed my-css-tab-icon">
					<svg onclick="openOrCloseTab()" t="1680267453879" class="icon" viewBox="0 0 1024 1124" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2152" width="2rem" height="2rem">
						<path d="M341.333333 170.666667h554.666667v85.333333H341.333333V170.666667zM192 277.333333a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m0 298.666667a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m0 294.4a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM341.333333 469.333333h554.666667v85.333334H341.333333v-85.333334z m0 298.666667h554.666667v85.333333H341.333333v-85.333333z" p-id="2153" fill="#18ba70"></path></svg>
						</li>
					</ul>
							<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree app-page-title tab_3">
						<li class="layui-nav-item layui-nav-itemed">
							<a onclick="openOrClose()" style="cursor: pointer;">
								<svg t="1680229598623" class="my-css-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1439" width="1.8rem" height="1.8rem"><path d="M213.333333 128a85.333333 85.333333 0 0 0-85.333333 85.333333v59.733334a85.333333 85.333333 0 0 0 85.333333 85.333333h597.333334a85.333333 85.333333 0 0 0 85.333333-85.333333V213.333333a85.333333 85.333333 0 0 0-85.333333-85.333333H213.333333z m597.333334 64a21.333333 21.333333 0 0 1 21.333333 21.333333v59.733334a21.333333 21.333333 0 0 1-21.333333 21.333333H213.333333a21.333333 21.333333 0 0 1-21.333333-21.333333V213.333333a21.333333 21.333333 0 0 1 21.333333-21.333333h597.333334zM251.648 435.2h98.133333a85.333333 85.333333 0 0 1 85.333334 85.333333V810.666667a85.333333 85.333333 0 0 1-85.333334 85.333333h-98.133333a85.333333 85.333333 0 0 1-85.333333-85.333333v-290.133334a85.333333 85.333333 0 0 1 85.333333-85.333333z m98.133333 64h-98.133333a21.333333 21.333333 0 0 0-21.333333 21.333333V810.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h98.133333a21.333333 21.333333 0 0 0 21.333334-21.333333v-290.133334a21.333333 21.333333 0 0 0-21.333334-21.333333zM550.314667 480a32 32 0 0 0 0 64h307.2a32 32 0 1 0 0-64h-307.2zM518.314667 665.685333a32 32 0 0 1 32-32h307.2a32 32 0 1 1 0 64h-307.2a32 32 0 0 1-32-32zM550.314667 787.2a32 32 0 0 0 0 64h307.2a32 32 0 1 0 0-64h-307.2z" fill="#2c2c2c" p-id="1440"></path></svg>
								商店管理
							</a>
							<dl class="layui-nav-child isVisible" id="openOrClose">
								<dd>
									<a href="/Category" target="right" class="my-css-tree-a tab_4">
										<svg t="1680266073997" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1522" width="1.5rem" height="1.5rem"><path d="M597.333333 64V938.666667h-85.333333V158.037333L320 209.493333V121.130667l213.333333-57.130667H597.333333z" p-id="1523" fill="#515151"></path></svg><path d="M512 899.5c-213.668 0-387.5-173.832-387.5-387.5S298.332 124.5 512 124.5 899.5 298.332 899.5 512 725.668 899.5 512 899.5z" fill="#FFFFFF" p-id="16418"></path><path d="M512 137c-206.776 0-375 168.224-375 375s168.224 375 375 375 375-168.224 375-375-168.224-375-375-375m0-25c220.914 0 400 179.086 400 400S732.914 912 512 912 112 732.914 112 512s179.086-400 400-400z" fill="#707070" p-id="16419"></path><path d="M660.242 602.86c0-5.225-2.9-9.289-8.128-12.772-5.225-2.9-10.45-4.644-15.675-4.644a23.185 23.185 0 0 0-10.449 2.316 24.747 24.747 0 0 0-6.967 6.386 120.621 120.621 0 0 0-8.708 11.614c-3.483 4.064-6.386 7.547-9.869 11.03a266.264 266.264 0 0 1-22.646 21.48 217.009 217.009 0 0 1-28.447 18.578 142.515 142.515 0 0 1-31.35 12.772 108.539 108.539 0 0 1-32.511 5.225 65.613 65.613 0 0 1-26.125-5.225 52.483 52.483 0 0 1-23.222-17.417c-6.967-6.967-12.772-16.836-16.836-29.028-4.64-11.615-6.382-26.124-6.382-42.96 0-10.45 0-22.641 1.161-35.994 1.162-12.773 2.323-24.961 3.484-35.995 3.483-24.966 8.708-47.605 16.255-68.505 6.967-19.739 15.094-37.155 24.383-51.089s19.158-24.964 29.608-33.091c10.45-7.547 20.319-11.611 30.189-11.611 4.644 0 9.289 1.161 13.933 2.322a122.842 122.842 0 0 1 12.192 6.386 159.436 159.436 0 0 1 15.094 12.772c4.644 4.644 9.289 9.869 13.353 14.514 2.322 4.064 4.644 6.967 6.967 8.128a22.966 22.966 0 0 0 8.708 5.806c2.322 1.742 5.225 2.322 8.708 2.322a31.6 31.6 0 0 0 15.675-4.064c4.644-2.9 7.547-6.967 7.547-12.772a12.978 12.978 0 0 0-1.742-5.806l-2.322-4.644c-5.806-6.386-12.192-12.772-19.158-19.739a192.781 192.781 0 0 0-24.383-18.578 180.879 180.879 0 0 0-28.447-13.353 89.266 89.266 0 0 0-30.189-5.225 97.223 97.223 0 0 0-38.9 8.128c-12.772 5.806-23.222 12.192-31.93 20.319a176.977 176.977 0 0 0-37.733 49.348 322.674 322.674 0 0 0-24.963 60.377c-6.387 22.061-11.031 43.542-13.353 65.022A454.327 454.327 0 0 0 363 574.409a184.567 184.567 0 0 0 3.483 35.994 112.024 112.024 0 0 0 10.45 34.257 106.673 106.673 0 0 0 21.48 30.189 110.071 110.071 0 0 0 33.091 23.8c17.417 9.289 36.575 13.353 57.475 13.353 22.061 0 41.219-2.9 58.636-8.708a193.1 193.1 0 0 0 46.445-23.224 192.039 192.039 0 0 0 35.994-32.51c9.869-11.611 18.578-23.222 26.705-34.833l2.322-4.644a11.592 11.592 0 0 0 1.161-5.223z" fill="#707070" p-id="16420"></path></svg>
										<strong class="tab_5" style="display: none;">· 大类管理</strong></a>
								</dd>
								<dd>
									<a href="/product_manager" target="right" class="my-css-tree-a tab_4">
										<svg t="1680266132324" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1728" width="1.5rem" height="1.5rem"><path d="M682.666667 320a170.666667 170.666667 0 0 0-341.333334 0H256a256 256 0 1 1 454.954667 161.109333l-312.32 372.181334L768 853.333333v85.333334H256v-48.085334l386.730667-460.885333c25.856-30.72 40.021333-69.546667 39.936-109.696z" p-id="1729" fill="#515151"></path></svg>
										<strong class="tab_5" style="display: none;">· 分类管理</strong></a>
								</dd>
								<dd>
									<a href="item_manager" target="right" class="my-css-tree-a tab_4">
										<svg t="1680266161547" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1942" width="1.5rem" height="1.5rem"><path d="M768 85.333333v58.112L546.517333 407.466667a277.376 277.376 0 1 1-303.616 342.528l82.773334-20.736A192.085333 192.085333 0 0 0 704 682.666667a192 192 0 0 0-277.546667-171.946667l-9.728 5.205333-29.44-51.498666L633.813333 170.666667H277.333333V85.333333H768z" p-id="1943" fill="#515151"></path></svg>
										<strong class="tab_5" style="display: none;">· 商品管理</strong></a>
								</dd>
							</dl>
						</li>
					</ul>
					<ul class="layui-nav layui-nav-tree app-page-title tab_3">
						<li class="layui-nav-item layui-nav-itemed">
							<a href="/order_manager" target="right">
								<svg t="1680229950370" class="my-css-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1753" width="1.8rem" height="1.8rem"><path d="M237.12 157.696c0-16.384 13.248-29.696 29.568-29.696h540.672C856.32 128 896 167.872 896 217.152v602.624a29.632 29.632 0 0 1-29.504 29.76 29.632 29.632 0 0 1-29.568-29.696V217.152a29.632 29.632 0 0 0-29.504-29.76h-540.8a29.632 29.632 0 0 1-29.44-29.696zM296.192 429.504a29.632 29.632 0 0 0-29.504 29.696c0 16.448 13.184 29.696 29.504 29.696h137.216a29.632 29.632 0 0 0 29.568-29.696 29.632 29.632 0 0 0-29.568-29.696H296.192zM266.688 606.08c0-16.32 13.184-29.632 29.504-29.632h169.984c16.32 0 29.504 13.312 29.504 29.696a29.632 29.632 0 0 1-29.504 29.696H296.192a29.632 29.632 0 0 1-29.504-29.696zM296.192 723.584a29.632 29.632 0 0 0-29.504 29.696c0 16.448 13.184 29.696 29.504 29.696h304.448a29.632 29.632 0 0 0 29.568-29.696 29.632 29.632 0 0 0-29.568-29.696H296.192z" fill="#67686F" p-id="1754"></path><path d="M128 327.616c0-49.28 39.68-89.152 88.576-89.152h481.664c48.96 0 88.64 39.936 88.64 89.152v543.232c0 49.28-39.68 89.152-88.64 89.152H216.576A88.896 88.896 0 0 1 128 870.848V327.68z m88.576-29.696a29.632 29.632 0 0 0-29.504 29.696v543.232c0 16.448 13.248 29.76 29.504 29.76h481.664a29.632 29.632 0 0 0 29.568-29.76V327.68a29.632 29.632 0 0 0-29.568-29.696H216.576z" fill="#2c2c2c" p-id="1755"></path></svg>
								订单管理</a>
						</li>
					</ul>
					<ul class="layui-nav layui-nav-tree app-page-title tab_3">
						<li class="layui-nav-item layui-nav-itemed">
							<a href="/Accounts" target="right">
								<svg t="1680229791362" class="my-css-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1597" width="1.8rem" height="1.8rem"><path d="M549.845333 529.152c64.64-36.053333 108.544-106.666667 108.544-187.818667 0-117.802667-92.501333-213.333333-206.592-213.333333-114.090667 0-206.592 95.530667-206.592 213.333333 0 81.194667 43.946667 151.765333 108.544 187.818667-111.914667 40.32-198.4 147.882667-224.426666 282.026667C120.362667 857.386667 158.250667 896 203.861333 896H699.733333c45.653333 0 83.498667-38.613333 74.538667-84.821333-26.026667-134.144-112.512-241.706667-224.426667-282.026667zM596.437333 341.333333c0 82.474667-64.768 149.333333-144.64 149.333334S307.2 423.808 307.2 341.333333s64.768-149.333333 144.64-149.333333 144.64 66.858667 144.64 149.333333z m-144.64 234.666667c122.538667 0 233.130667 100.565333 261.717334 247.765333a4.693333 4.693333 0 0 1 0.085333 1.109334v0.298666a5.205333 5.205333 0 0 1-1.28 1.877334 17.237333 17.237333 0 0 1-12.586667 4.949333H203.861333a17.28 17.28 0 0 1-12.586666-4.949333 5.248 5.248 0 0 1-1.28-1.877334 1.066667 1.066667 0 0 1 0-0.298666l0.085333-1.109334c28.586667-147.2 139.178667-247.765333 261.717333-247.765333zM751.36 341.333333c0-17.664 13.909333-32 31.018667-32h82.645333c17.066667 0 30.976 14.336 30.976 32s-13.866667 32-30.976 32h-82.645333A31.488 31.488 0 0 1 751.36 341.333333zM710.058667 469.333333c0-17.664 13.866667-32 30.976-32h123.989333c17.066667 0 30.976 14.336 30.976 32s-13.866667 32-30.976 32h-123.989333a31.488 31.488 0 0 1-30.976-32zM782.378667 565.333333a31.488 31.488 0 0 0-31.018667 32c0 17.664 13.909333 32 31.018667 32h82.645333A31.488 31.488 0 0 0 896 597.333333a31.488 31.488 0 0 0-30.976-32h-82.645333z" fill="#2c2c2c" p-id="1598"></path></svg>
							用户管理</a>
						</li>
					</ul>
					<ul class="layui-nav layui-nav-tree app-page-title tab_3">
						<li class="layui-nav-item layui-nav-itemed">
							<a href="/aboutUs" target="right">
								<svg t="1680270584368" class="my-css-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32965" width="1.8rem" height="1.8rem"><path d="M512 960c-246.784 0-448-201.216-448-448S265.216 64 512 64s448 201.216 448 448-201.216 448-448 448z m0-834.56c-212.992 0-386.56 173.568-386.56 386.56s173.568 386.56 386.56 386.56 386.56-173.568 386.56-386.56-173.568-386.56-386.56-386.56z" p-id="32966" fill="#049f0f"></path><path d="M554.496 246.784c29.696 7.168 44.032 41.984 37.376 71.68-7.168 29.696-34.816 54.784-64.512 47.616-29.696-7.168-40.96-41.472-34.304-71.168 7.168-29.696 31.744-55.296 61.44-48.128zM427.008 466.432s89.6-78.336 124.416-62.976c23.552 6.144 10.752 112.128 7.168 126.464-1.024 12.8-21.504 174.08-16.384 181.248 7.168 26.624 15.36 5.632 40.448-15.36 0 0 58.88-39.936-4.096 43.008-52.224 55.808-102.912 48.64-110.592 6.656-6.144-31.744 18.944-223.744 25.088-266.752 2.048-14.336-15.872 0-15.872 0s-48.64 30.208-60.416 9.728c-3.072-5.632 1.536-14.336 10.24-22.016z" p-id="32967" fill="#049f0f"></path></svg>
								关于我们</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="layui-body" style="z-index: 0;overflow: hidden">
				<!-- 内容主体区域 -->
				<iframe src="product_manager" name="right" frameborder="0" width="100%" height="100%"></iframe>
			</div>

			<div class="my-css-footer tab_6">
				<!-- 底部固定区域 -->
				@Copyright 软件架构平台小组实验
			</div>
		</div>

		<script type="text/javascript" src="myplugs/js/plugs.js">
		</script>
		<script type="text/javascript">
			//添加编辑弹出层
			function updatePwd(title, id) {
				$.jq_Panel({
					title: title,
					iframeWidth: 500,
					iframeHeight: 300,
					url: "updatePwd"
				});
			}
		</script>
		<script src="js/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function() {
				var element = layui.element;
			});
		</script>
		<script>
			function openOrClose(){
				var element = $("#openOrClose");
				if(element[0].classList.contains('isVisible')){
					element.hide();
					element[0].classList.remove('isVisible');
					element[0].classList.add('isHidden');
				} else if(element[0].classList.contains('isHidden')){
					element.show();
					element[0].classList.add('isVisible');
					element[0].classList.remove('isHidden');
				}
			}
			function openOrCloseTab(){
				var element = $(".layui-bg-cyan");
				if(element[0].classList.contains('isVisible')){
					$(".tab_1").css('width','58px');
					$(".tab_2").css('width','58px');
					$(".tab_3").css('width','65px');
					$(".tab_4").css('padding-left','20px');
					$(".tab_5").hide();
					$(".tab_6").css('left','60px');
					$(".layui-body").css('left','60px');
					// element.hide();
					element[0].classList.remove('isVisible');
					element[0].classList.add('isHidden');
				} else if(element[0].classList.contains('isHidden')){
					$(".tab_1").css('width','190px');
					$(".tab_2").css('width','200px');
					$(".tab_3").css('width','180px');
					$(".tab_4").css('padding-left','45px');
					$(".tab_5").show();
					$(".tab_6").css('left','180px');
					$(".layui-body").css('left','190px');
					element[0].classList.add('isVisible');
					element[0].classList.remove('isHidden');
				}
			}
		</script>
	</body>
</html>